{include file="kuyou/common/menu" /}
<div class="wrapper upload_panel customers">
    <ul class="steps-ul" id="import-steps" style="margin-bottom: 24px;">
        <li class="step1-base step-btn_btn step1-cur" data-rel="step1">{:__('Download the template and fill it out')}</li>
        <li class="step2-base step-btn_btn step2-nol" data-rel="step2">{:__('Upload import file')}</li>
    </ul>
    <div id="import-wrap" class="cf">
        <div id="import-step1" class="step-item">
            <div class="ctn file-import-ctn">
                <p>
                    {:__('Download the template for importing customer material codes')}<a class="btn"></a>
                    <a id="templateUrl" href="__CDN__/assets/addons/kuyou/template/{:__('Customer Material Code Template')}.xlsx">{:__('download')}</a>
                </p>
            </div>
            <div class="mid-wrap">
                <span class="mid-wrap-tit">{:__('Import instructions')}</span>
                <h4>{:__('fill in')}excel{:__('Template')}</h4>
                <p>1）{:__('Importing the same customer multiple times')},{:__('Customer material code for the same product number')}，{:__('Default overwrite of previous information')}；</p>
            </div>
        </div>

        <div id="import-step2" class="step-item" style="display: none;">
            <div class="ctn uploadList">
                <label>{:__('Upload files')}:</label>
                <p>{:__('Select file')}</p>
                <input id="upfile" type="button" name="files[]" multiple="">
                <div id="classes" style="margin-top: 26px;margin-left: 21px;">
                    <span>{:__('Repeatedly importing the same customer')},{:__('Customer material code for the same product number')}，{:__('Customer material code information')}：</span>
                    <label class="radio icon-radio-checked" style="width: 40px;">
                        <input type="radio" name="editstatus" value="1" checked="checked">{:__('to update')}
                    </label>
                    <label class="radio icon-radio-unchecked" style="width: 45px;">
                        <input type="radio" name="editstatus" value="0">不{:__('to update')}
                    </label>
                </div>
            </div>

            <ul id="progress" class="ul-inline file-import-ctn cf" style="display: none">
                <li class="filelist">
                    <div class="progressList">
                        <div class="file-bar">
                            <div class="bar"></div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="mid-wrap">
                <span class="mid-wrap-tit">{:__('Import Details')}</span>
                <p>{:__('Add new data')}:<span id="addMsg" class="ml10"></span></p>
                <p>{:__('to update')}数据:<span id="updateMsg" class="ml10"></span></p>
            </div>
        </div>

    </div>

    <!-- {:__('Button section')} -->
    <div class="ui-cus-dialog" id="ui-cus-dialog">
        <div class="step-btns ui_buttons step_step1" style="display: block;">
            <input type="button" value="{:__('next step')}" data-rel="step2" class="step-btn_btn ui_state_highlight">
            <input type="button" class="btn-close" value="{:__('close')}">
        </div>
        <div class="step-btns ui_buttons step_step2" style="display: none;">
            <input type="button" value="{:__('Previous step')}" data-rel="step1" class="step-btn_btn">
            <input type="button" class="ui_state_highlight finish_btn" value="{:__('complete')}">
            <input type="button" class="btn-close" value="{:__('close')}">
        </div>
    </div>
    <!-- {:__('Button section')} -->
</div>